﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/jquery-ui.min.js"
        type="text/javascript"></script>
    <script src="../Scripts/simpleresizabletables.js" type="text/javascript"></script>
    <script type="text/javascript">

        $(document).ready(function () {
            $("#mytable").simpleResizableTable(); //.css('background-color', 'red');
//            $("#mytable2").simpleResizableTable().css('background-color', '#bbb');

        });
	</script>

    <style>
        TH
        {
            border-left: 1px solid #333;
            border-bottom: 1px solid #333;
        }
    </style>
   
</head>
<body style="cursor: auto;">
    <table cellspacing="0" cellpadding="0" border="0" style="width: 100%; border: 1px solid red;"
        id="mytable">
        <thead>
            <tr>
                <th style="width: 341px;">
                    Dit is een interessante zin!
                </th>
                <th style="width: 185px;">
                    b
                </th>
                <th style="">
                    b
                </th>
                <th style="">
                    b
                </th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td style="width: 341px;">
                    Dit is een interessante zin!
                </td>
                <td style="width: 185px;">
                    b
                </td>
                <td style="">
                    b
                </td>
                <td style="">
                    b
                </td>
            </tr>
            <tr>
                <td style="width: 341px;">
                    b
                </td>
                <td style="width: 185px;">
                    a
                </td>
                <td style="">
                    b
                </td>
                <td style="">
                    b
                </td>
            </tr>
            <tr>
                <td style="width: 341px;">
                    b
                </td>
                <td style="width: 185px;">
                    a
                </td>
                <td style="">
                    b
                </td>
                <td style="">
                    b
                </td>
            </tr>
            <tr>
                <td>
                    <textarea></textarea>
                </td>
            </tr>
        </tbody>
    </table>

 
</body>
</html>
